import React from 'react'
import { NavLink } from 'react-router-dom'
import { DownOutlined } from '@ant-design/icons';
import './DesignConJX.scss'
const Index = () => {
    return (
        <div className='DesignConJX'>
            <div className="DesignNav1">
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/862ee062ad9c4bc8b6e97aad8256ccfc' /><p>精选模版</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/71acadcc1eee49709ecdc5197fab59fa' /><p>海报</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/a4e7e6b04bbb46fca122b0e3418155a4' /><p>小红书</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/7d663631bb5e46999839a145b72e780c' /><p>公众号</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/9d1d4e054f2945dabef19e7008a223f0' /><p>PPT</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/986ae8ad25c44b53bad45732f2ca9957' /><p>电商</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/fd7e82ead10e4a2384ff8cf8a3c692e0' /><p>印刷物料</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/a542807c37c54c3b97f6159264ca88bc' /><p>H5</p></NavLink>
                <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/b4fa4aec1704446db3a0d00a7b7edd26' /><p>人事行政</p></NavLink>
                <div className="DesignCon1">
                    <div className="DesignCenter1">
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/681bcdf4084140218467ed6aee5c2077' /><p>社交生活</p></NavLink>
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/e67d953f8a73464e9d14b4f8027640d5' /><p>视频模版</p></NavLink>
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/525e614b548547cf90fa3629251286b8' /><p>字体库</p></NavLink>
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/1fea41c5fb7e4e18a5344cf5d9877a4e' /><p>插画元素</p></NavLink>
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/7f2556ccf5c14170bf2fe1037578c4b3' /><p>图片库</p></NavLink>
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/d8821a9846114cb28ccb17527aaa52f3' /><p>企业设计</p></NavLink>
                        <NavLink to={''}><img src='	https://pub-cdn-oss.chuangkit.com/ad_position/5693497c5957405699d5014a16cdc526' /><p>视频特效</p></NavLink>
                    </div>
                    <div className="DesignCenter2">
                        <div className="DesignLeft">
                            <h3>精选内容</h3>
                            <div className="DesignLeft1">
                                <dl>
                                    <dt>
                                        <h4>金九银十招聘季</h4>
                                        <p>海量物料助力寻才</p>
                                    </dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/ad_position/971bf1c7df4641199345131093a287ae" alt="" /></dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <h4>每日模版上新速递</h4>
                                        <p>抢先体验最新原创模版</p>
                                    </dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/ad_position/ae5c513359ff45519ec8ee48bfef6910" alt="" /></dd>
                                </dl>
                            </div>
                        </div>
                        <div className="DesignRight">
                            <div className="DesignH3">
                                <h3>常用场景</h3>
                                <h5>更多</h5>
                            </div>
                            <div className="DesignRight1">
                                <dl>
                                    <dt>手机海报</dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/designKind/447" alt="" /></dd>
                                </dl>
                                <dl>
                                    <dt>公众号首图</dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/designKind/216" alt="" /></dd>
                                </dl>
                                <dl>
                                    <dt>小红书配图</dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/designKind/502" alt="" /></dd>
                                </dl>
                                <dl>
                                    <dt>每日一签</dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/designKind/209" alt="" /></dd>
                                </dl>
                                <dl>
                                    <dt>全屏海报</dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/designKind/581" alt="" /></dd>
                                </dl>
                                <dl>
                                    <dt>邀请函</dt>
                                    <dd><img src="https://pub-cdn-oss.chuangkit.com/designKind/170" alt="" /></dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div className="DesignNav2">
                <p><DownOutlined /></p>
            </div>
        </div>
    )
}

export default Index